<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
 <title>后台管理--菜单列表</title>
  <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet" />
  <link href="${ctxStatic}/ligeruilib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css">
 <link href="${ctxStatic}/css/kpiui.css" rel="stylesheet" />
 <script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
 <script src="${ctxStatic}/layui/layui.all.js"  type="text/javascript"></script>
  <script src="${ctxStatic}/ligeruilib/ligerUI/js/core/base.js" type="text/javascript"></script>
 <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
 <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
  <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
 <script src="${ctxStatic}/js/common.js" type="text/javascript"></script>
<script src="${ctxStatic}/img/html2canvas-0.4.1.js" type="text/javascript"></script>
<script src="${ctxStatic}/img/canvg2.js" type="text/javascript"></script>
<script src="${ctxStatic}/img/jspdf.min.js" type="text/javascript"></script>
 <script src="${ctxStatic}/js/attendance/attbmhz.js?v=<%=System.currentTimeMillis()%>"  type="text/javascript"></script>
 <style>
 #detail  .layui-table-view .layui-table-header th{padding:0}
 #detail .layui-table-view{margin:0 0 10px 0}
 </style>
  <script>
var ctxStatic="${ctxStatic}";
var ctx="${ctx}";
</script>
</head>
<body>
<div class="currentnav"><span class="tiao"></span><span class="navtitle">部门考勤汇总</span></div>


 <div class="tabregion">
 <div class="layui-tab layui-tab-brief" lay-filter="tabcontent">
  <ul class="layui-tab-title">
    <li lay-id="1"  class="layui-this">部门填报情况列表</li>
    <li lay-id="2">部门详情</li>
  </ul>
   <div class="layui-tab-content" >
    <div class="layui-tab-item layui-show">
    
      <div class="serchcontent">
	<div class="search">
	  <div class="layui-form">
	  <table nostyle="true">
	   <tr>
	    <td class="td_select">
	      <select id="year" placeholder="年份" lay-filter="year">
              <option value="2025">2025年</option>
              <option value="2024">2024年</option>
              <option value="2023">2023年</option>
              <option value="2022">2022年</option>
              <option value="2021">2021年</option>
              <option value="2020">2020年</option>
              <option value="2019">2019年</option>
              <option value="2018">2018年</option>
              <option value="2017">2017年</option>
	      </select>
	      <input type="hidden" id="hidyear" value="${year }">
	    </td>
	    <td class="td_select">
	     <select id="month" lay-filter="month">
	       <option value="0">全年</option>
	       <option value="1">1月</option>
	       <option value="2">2月</option>
	       <option value="3">3月</option>
	       <option value="4">4月</option>
	       <option value="5">5月</option>
	       <option value="6">6月</option>
	       <option value="7">7月</option>
	       <option value="8">8月</option>
	       <option value="9">9月</option>
	       <option value="10">10月</option>
	       <option value="11">11月</option>
	       <option value="12">12月</option>
	     </select>
	      <input type="hidden" id="hidmonth" value="${month}">
	    </td>
	    <td style="text-align: center;width:100px">
	      <!-- <button class="button" onclick="vAttBmHz.searchtableorgsuy()">查询</button> -->
	      <button class="button" onclick="vAttBmHz.searchtableorgsuy()"><img src="${ctxStatic}/images/button/chaxun.png" style="width:20px">查询</button>
	    </td>
	   </tr>
	  </table>
	  </div>
	</div>
 </div>
 
  <div class="content" style="margin-top:10px">
 
  
  <div id="orgsuylist" class="list" lay-filter="orgsuylist"></div>
     <script type="text/html" id="operateorgsuy">
       {{#  if(d.status!=null){ }}
       <img class="btn-img" src="${ctxStatic}/images/button/detail.png" lay-event="detail" alt="详情" title="详情">      
       {{#  } }}

       {{#  if(d.status== null&&d.usercount>1){ }}
       <img class="btn-img" src="${ctxStatic}/images/index/yaosu.png" lay-event="shengcheng" alt="生成考勤" title="生成考勤">
       {{#  } }}
       
       {{#  if(d.status== 0||d.status== 3){ }}
       <img class="btn-img" src="${ctxStatic}/images/button/tijiao.png" lay-event="tijiao" alt="提交" title="提交">
       {{#  } }}

      </script>
    </div>
   </div>
     
    <div class="layui-tab-item">
    
    
     <!--   <div class="serchcontent">
	<div class="search">
	  <div class="layui-form">
	  <table>
	   <tr>
	    <td class="td_right">年份：</td>
	    <td>
	      <select id="detailyear">
	       <option value="2018">2018年</option>
	       <option value="2017">2017年</option>
	      </select>
	    </td>
	    <td class="td_right">月份：</td>
	    <td>
	     <select id="detailmonth">
	       <option value="1">1月</option>
	       <option value="2">2月</option>
	       <option value="3">3月</option>
	       <option value="4">4月</option>
	       <option value="5">5月</option>
	       <option value="6">6月</option>
	       <option value="7">7月</option>
	       <option value="8">8月</option>
	       <option value="9">9月</option>
	       <option value="10">10月</option>
	       <option value="11">11月</option>
	       <option value="12">12月</option>
	     </select>
	     <input type="hidden" id="hidorgid" value="0">
	    </td>
	    <td style="text-align: center;width:200px">
	      <input type="button" class="button" value="查询" onclick="vAttBmHz.searchtable()" />
	      <input type="button" class="button" value="导出" onclick="vAttBmHz.exportexcel()" />
	    </td>
	   </tr>
	  </table>
	  
	  </div>
	 
	
	</div>
 </div>-->
 
    <div class="serchcontent" style="margin-bottom:10px">
	<div class="search">
	  <div class="layui-form">
   <table>
    <tr>
      <td>姓名：</td>
   <td style="width:120px"><input type="text" style="width:120px" class="text" id="realname"/></td>
   <td>
    <input type="button" class="button" value="查询" onclick="vAttBmHz.querydetail()" />
   </td>
    </tr>
   </table>
  </div> </div> </div>
 
 <div class="content" id="detail">
 <input type="hidden" id="hidorgid" value="0">
 <input type="hidden" id="hidorgsummaryid" value="0">
 <input type="hidden" id="hidstatus" value="0">
     <input type="hidden" id="hidusername" value="">
     <input type="hidden" id="hidorgname" value="">

 <div class="table_title" id="table_title"></div>
 
  <table class="layui-table" lay-data="" lay-filter="attbmhzlist" id="attbmhzlist">
              <thead >
                <tr>
                  <th lay-data="{field:'rowNum', width:60,align:'center',fixed: 'left'}" rowspan="2">序号</th>
                  <th lay-data="{field:'realname', width:120,align:'center',fixed: 'left',templet: '#realnameTpl'}" rowspan="2">姓名</th>
                  <th lay-data="{field:'cardno', width:200,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">身份证号</th>
                  <th lay-data="{field:'orgname', width:200,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">实际工作单位</th>
                  <th lay-data="{field:'rsgxorgname', width:200,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">人事关系所在单位</th>
                  <th lay-data="{field:'year', width:80,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">年份</th>
                  <th lay-data="{field:'mouth', width:80,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">月份</th>
                  
                  <!--<th lay-data="{field:'sfqq', width:100,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">是否全勤</th>-->
                  <!--<th lay-data="{field:'jbts', width:100,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">加班天数</th>  -->
                  <th lay-data="{field:'sfjb', width:100,align:'center',templet: '#sfjbTpl'}" rowspan="2">是否加班</th>
                  <th lay-data="{align:'center'}" colspan="10">未 出勤天数</th>
                  <th lay-data="{field:'cdcc', width:80,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">迟到</th>
                  <th lay-data="{field:'ztcc', width:80,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">早退</th>
                  <th lay-data="{field:'kgcs', width:80,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">旷工</th>
                  <th lay-data="{field:'remark', width:120,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">备注</th>
                   <th lay-data="{field:'status', width:100,align:'center',event:'glxs', style:'cursor: pointer;'}" rowspan="2">状态</th>
                  <th lay-data="{width: 100, align: 'center', toolbar: '#operate'}" rowspan="2">操作</th>
                </tr>
                <tr>
                  <th lay-data="{field:'wcqtsxj', width:80,align:'center',templet: '#wcqtsxjTpl',event:'glxs', style:'cursor: pointer;'}">小计</th>
                  <th lay-data="{field:'xjts', width:100,align:'center',templet: '#xjtsTpl',event:'glxs', style:'cursor: pointer;'}">年休假</th>
                  <th lay-data="{field:'tqjts', width:100,align:'center',templet: '#tqjtsTpl',event:'glxs', style:'cursor: pointer;'}">探亲假</th>
                  <th lay-data="{field:'hjts', width:80,align:'center',templet: '#hjtsTpl',event:'glxs', style:'cursor: pointer;'}">婚假</th>
                  <th lay-data="{field:'syjts', width:100,align:'center',templet: '#syjtsTpl',event:'glxs', style:'cursor: pointer;'}">生育假</th>
                  <th lay-data="{field:'sangjts', width:80,align:'center',templet: '#sangjtsTpl',event:'glxs', style:'cursor: pointer;'}">丧假</th>
                  <th lay-data="{field:'gsts', width:100,align:'center',templet: '#gstsTpl',event:'glxs', style:'cursor: pointer;'}">因公致伤</th>
                  <th lay-data="{field:'bjts', width:80,align:'center',templet: '#bjtsTpl',event:'glxs', style:'cursor: pointer;'}">病假</th>
                  <th lay-data="{field:'sjts', width:80,align:'center',templet: '#sjtsTpl',event:'glxs', style:'cursor: pointer;'}">事假</th>
                  <th lay-data="{field:'qtts', width:80,align:'center',templet: '#qttsTpl',event:'glxs', style:'cursor: pointer;'}">其他</th>
                </tr>
              </thead>
            </table>
 
 
		   <!--  <div id="list" class="list" lay-filter="list"></div>-->
		   <script type="text/html" id="operate">
            
             <!--<img class="btn-img" src="${ctxStatic}/images/button/detail.png" lay-event="detail" alt="详情" title="详情">-->

             {{#  if(d.status == 0||d.status == 3){ }}
              <img class="btn-img" src="${ctxStatic}/images/index/btn_edit.png" lay-event="btntz" alt="调整考勤表" title="调整考勤表">
             {{#  } }}

             
           </script>
           
            <script type="text/html" id="realnameTpl">
              <span class="dbclickspan" ondblclick="OpenUserInfo({{ d.userid }},'{{ d.realname }}')"> {{ d.realname }}<span>
            </script>
            <script type="text/html" id="sfjbTpl">
            {{#  if(d.sfjb==0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">否</span>
            {{#  } else { }}
                                               是
            {{#  } }}
          </script>
           
           <script type="text/html" id="wcqtsxjTpl">
            {{#  if(d.wcqtsxj>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.wcqtsxj }}</span>
            {{#  } else { }}
             {{ d.wcqtsxj }}
            {{#  } }}
          </script>
          
           <script type="text/html" id="xjtsTpl">
            {{#  if(d.xjts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.xjts }}</span>
            {{#  } else { }}
             {{ d.xjts }}
            {{#  } }}
          </script>
          
           <script type="text/html" id="tqjtsTpl">
            {{#  if(d.tqjts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.tqjts }}</span>
            {{#  } else { }}
             {{ d.tqjts }}
            {{#  } }}
          </script>
          
           <script type="text/html" id="hjtsTpl">
            {{#  if(d.hjts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.hjts }}</span>
            {{#  } else { }}
             {{ d.hjts }}
            {{#  } }}
          </script>
          
          <script type="text/html" id="syjtsTpl">
            {{#  if(d.syjts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.syjts }}</span>
            {{#  } else { }}
             {{ d.syjts }}
            {{#  } }}
          </script>
          
           <script type="text/html" id="sangjtsTpl">
            {{#  if(d.sangjts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.sangjts }}</span>
            {{#  } else { }}
             {{ d.sangjts }}
            {{#  } }}
          </script>
          
           <script type="text/html" id="gstsTpl">
            {{#  if(d.gsts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.gsts }}</span>
            {{#  } else { }}
             {{ d.gsts }}
            {{#  } }}
          </script>
          
            <script type="text/html" id="bjtsTpl">
            {{#  if(d.bjts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.bjts }}</span>
            {{#  } else { }}
             {{ d.bjts }}
            {{#  } }}
          </script>
          
           <script type="text/html" id="sjtsTpl">
            {{#  if(d.sjts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.sjts }}</span>
            {{#  } else { }}
             {{ d.sjts }}
            {{#  } }}
          </script>
          
             <script type="text/html" id="qttsTpl">
            {{#  if(d.qtts>0){ }}
             <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.qtts }}</span>
            {{#  } else { }}
             {{ d.qtts }}
            {{#  } }}
          </script>
           
		 </div>
    
      <div class="bottom_tab" id="bottom_btns">
        <button class="button" onclick="vAttBmHz.btntijiao()" id="btnbmtj">部门提交</button>
          <button class="button" onclick="vAttBmHz.exportexcel()"><img src="${ctxStatic}/images/button/daochu.png">导出</button>

          <button class="button" id="pdfbutton" style="display: none" onclick="vAttBmHz.pdfok()">生成公示</button>
      </div>

        <div id="table" class="pdf" style="display: none">
            <div class="orgname" style="text-align: center"></div>
            <table id="tableData" border="1" cellspacing="0">
                <thead>
                <tr>
                    <th rowspan="2">序号</th>
                    <th rowspan="2" style="width: 50px">姓名</th>
                    <th rowspan="2" style="width: 130px">身份证号</th>
                    <th rowspan="2">实际工作单位</th>
                    <th rowspan="2">人事关系所在单位</th>
                    <th rowspan="2">年份</th>
                    <th rowspan="2">月份</th>
                    <th rowspan="2">是否加班</th>
                    <th colspan="10" style="text-align: center">未出勤天数</th>
                    <th rowspan="2">迟到</th>
                    <th rowspan="2">早退</th>
                    <th rowspan="2">矿工</th>
                    <th rowspan="2">备注</th>
                </tr>
                <tr>
                    <th>小计</th>
                    <th>年休假</th>
                    <th>探亲假</th>
                    <th>婚假</th>
                    <th>生育假</th>
                    <th>丧假</th>
                    <th>因公致伤</th>
                    <th>病假</th>
                    <th>事假</th>
                    <th>其他</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
  </div>
 </div>
 </div>
</body>
</html>